<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
</head>
  <link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
  <link rel="stylesheet" href="../../css/public.css" media="all" />
  <link rel="stylesheet" href="css/show/show.css">
  <body class="user-select single">
    <!-- 顶部导航 -->
	<%@ include file="header.jsp" %>
	<!-- 顶部导航结束 -->
    <div class="container">
  	<div class="content-wrap">
			<div class="content">			
				<div class="article-header">
					<h1 class="article-title">
						<a href="article/${article.getArticleId()}"
							title="用DTcms做一个独立博客网站（响应式模板）">${article.getTitle()}</a>
					</h1>
					<input type="hidden" id="articleId" value="${article.getArticleId()}">
					<input type="hidden" id="userIdByArticle" value="${article.getUserInfo().getUserId()}">
					<div class="article-meta">
						<span class="item article-meta-source">
							<i class="glyphicon glyphicon-user"></i> ${article.getUserInfo().getNickName()}
						</span>
						<span class="item article-meta-time">
							<span class="time" title="发表时间：2016-10-14">
								<i class="glyphicon glyphicon-time"></i> ${article.articleDate}
							</span>
						</span>
						<span class="item article-meta-category" title="MZ-NetBlog主题">
							<i class="glyphicon glyphicon-list"></i>
							<a href="http://www.muzhuangnet.com/list/mznetblog/"
							title="MZ-NetBlog主题"> ${article.tags[0].tagName}</a>&nbsp&nbsp
							<a class="button1 grey" id = "focus">关注</a>
						</span> 
					</div>
				</div>
				<article class="article-content">
					 ${article.getContent()}
				</article>
				<div class="pull-right">
					<div class="iiicon pull-left">
						<div class="digg" id="zan"><i class="glyphicon glyphicon-thumbs-up"></i><span>${article.getZanNum() }</span></div>
						<div class="digg" id="cai"><i class="glyphicon glyphicon-thumbs-down"></i><span>${article.getCaiNum() }</span></div>
						<div class="digg" id="heart"><i class="glyphicon glyphicon-heart"></i><span>${article.getCollectedNum() }</span></div>
					</div>

				</div>
				<div style="clear: both;"></div>
				<div class="article-tags">
				标签：
				<c:forEach items="${article.tags }" var="nowTag">
					<a class="cat"><span onclick="javascript:tagClick(this)">${nowTag.getTagName()}</span>
					<input type="hidden" value="${nowTag.getTagId()}"></a>
				</c:forEach>
				</div>				
				<div class="relates">
					<div class="title">
						<h3>相关推荐</h3>
					</div>
					<ul>
						
					</ul>
				</div>
				
				<div class="commentAll">
					<!--评论区域 begin-->
					<div class="reviewArea clearfix">
						<textarea class="content_c comment-input"
							placeholder="Please enter a comment&hellip;"></textarea>
						<a href="javascript:;"  onclick="comment(this)" class="plBtn">评论</a>
					</div>
					<!--评论区域 end-->
					<!--回复区域 begin-->
					<div class="comment-show">

					</div>
					<!--回复区域 end-->
				</div>
			</div>
  	</div>
  <aside class="sidebar">
    <div class="fixed">
      <div class="widget widget-tabs">
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#notice" aria-controls="notice" role="tab" data-toggle="tab" draggable="false">统计信息</a></li>
          <li role="presentation"><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab" draggable="false">联系站长</a></li>
        </ul>
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane contact active" id="notice">
            <h2>日志总数:
                  888篇
              </h2>
              <h2>网站运行:
              <span id="sitetime">88天 </span></h2>
          </div>
            <div role="tabpanel" class="tab-pane contact" id="contact">
              <h2>QQ:
                  <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=577211782&amp;site=qq&amp;menu=yes" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title="" draggable="false" data-original-title="QQ:577211782">577211782</a>
              </h2>
              <h2>Email:
              <a href="mailto:577211782@qq.com" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title="" draggable="false" data-original-title="Email:577211782@qq.com">577211782@qq.com</a></h2>
          </div>
        </div>
      </div>
      <div class="widget widget_search">
        
      </div>
    </div>
    <div class="widget widget_hot">
          <h3>最新评论文章</h3>
          <ul>
	<%--<c:forEach items="${articleList}" var="articleList">
			  <li>
				  <a href="show/${articleList.articleId} ">
					  <div class="header ">;
						  <img class="user-img" src="${articleList.userInfo.picture}">
						  <div class="name-time-wrapper">
							  <span class="name">${articleList.userInfo.nickName}</span>
							  <span class="time"><i class="glyphicon glyphicon-time"></i></span>
						  </div>
						  <div class="author_r">
							  <div class="digg">
								  <i class="glyphicon glyphicon-heart"></i>${articleList.collectedNum}
							  </div>
						  </div>
					  </div>
					  <c:if test='${articleList.articlePicture !=""}'>
					 	 <img class="thumb" src="${articleList.articlePicture}">
					  </c:if>
					  <span class="text">${articleList.simpContent}</span>
				  </a>
			  </li>
	</c:forEach>--%>
          </ul>
      </div>
      <div class="widget widget_sentence">
    
    <a href="http://www.muzhuangnet.com/show/269.html" target="_blank" rel="nofollow" title="MZ-NetBlog主题" >
        <img style="width: 100%" src="images/ad.jpg" alt="MZ-NetBlog主题" ></a>
    
</div>
      <div class="widget widget_sentence">
    
    <a href="http://web.muzhuangnet.com/" target="_blank" rel="nofollow" title="专业网站建设" >
        <img style="width: 100%" src="http://www.muzhuangnet.com/upload/201610/24/201610241224221511.jpg" alt="专业网站建设" ></a>
    
</div>
  </aside>
</div>
    <div class="footer">
  <div class="container">
     <p>本站[<a href="http://www.muzhuangnet.com/" >木庄网络博客</a>]的部分内容来源于网络，若侵犯到您的利益，请联系站长删除！谢谢！Powered By [<a href="http://www.dtcms.net/" target="_blank" rel="nofollow" >DTcms</a>] Version 4.0 </p>
  </div>
  <div id="gotop"><a class="gotop"></a></div>
</div>
</body>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<script src="js/home/clone.js"></script>
<script src="js/dianZan/dianZan.js"></script>
<script src="js/home/comment.js"></script>
<script src="js/show/show.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/show/reply.js"></script>

</html>
